<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>手表详情</title>
		<link rel="stylesheet" href="css/detail.css" type="text/css" />
		<link rel="stylesheet" href="css/base.css" type="text/css" />
		<link rel="stylesheet" href="css/common.css" type="text/css" />
		<script src="js/detail.js" type="text/javascript"></script>
		<script src="js/common.js" type="text/javascript"></script>

		<script>
			window.addEventListener("load",function(){
				var hour = document.querySelector('.hour');
				var minute = document.querySelector('.minute');
				var second = document.querySelector('.second');
				var inputTime = +new Date('2025-6-30 22:00:00');
				countDown();
				setInterval(countDown,1000);
				function countDown(time){
					var nowTime = +new Date();
					var times = (inputTime - nowTime) / 1000;
					
					var h = parseInt(times / 60 / 60 );
					h = h < 10 ? '0' + h : h;
					hour.innerHTML = h;
					var m = parseInt(times / 60 % 60);
					m = m < 10 ? '0' + m : m;
					minute.innerHTML = m;
					var s = parseInt(times % 60);
					s = s < 10 ? '0' + s : s;
					second.innerHTML = s;
				}
			})
			
		</script>
	</head>
	<body>
		<!-- 客服聊天框 -->
	<div class="chatbox" id="chatbox">
		<div class="chatbox-header">
			<span>客服聊天</span>
			<button class="chatbox-close" id="chatbox-close">×</button>
		</div>
		<div class="chatbox-messages" id="chatbox-messages"></div>
		<div class="chatbox-input">
			<input type="text" id="chatbox-input" placeholder="请输入消息">
			<button id="chatbox-send">发送</button>
		</div>
	</div>
	<!-- 文字滚动效果部分 -->
	<div class="announcement">
		<div class="announcement-contain">
			<p><img src="./image/notice-icon.png">欢迎访问我们的网站！这里有最新的产品信息和优惠活动，敬请关注！</p>
		</div>

	</div>

	<!-- 导航部分 -->
	<div class="nav">
		<div class="w">
			<ul class="nav_left fl">
				<li>
					<a href="#">正品保障，免息分期!</a>
				</li>
			</ul>
			<ul class="nav_right">
				<li>
					<a href="./user.html" target="_blank">用户中心</a>
				</li>
				<li>
					<a href="./register.html" target="_blank" style="color: #ae0f17;">注册即送6800元大礼包</a>
				</li>
				<li>
					<span>|</span>
				</li>
				<li>
					<a href="./cart.html">购物车</a>
				</li>
				<li>
					<a href="#" id="customer-service">客服服务</a>
				</li>
				<li>
					<a href="javascript:;" class="theme" id="theme">切换主题</a>

				</li>
				<li>
					<span>|</span>
				</li>
				<li>
					<a href="#">ENGLISH</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 头部部分 -->
	<div class="header w">
		<!-- 头部logo部分 -->
		<div class="header_left fl">
			<h1 class="logo fl">
				<a href="#">
					<img src="image/logo.png" />
				</a>
			</h1>
			<a href="#" class="logo_text">
				<h1>全球名表专业大平台</h1>
			</a>
		</div>
		<!-- 头部搜索部分 -->
		<div class="header_right fl">
			<div class="header_search">
				<label class="srh_lab fl">
					<i></i>
					<span class="srh_txt">阿玛尼5年电保</span>
					<input type="text" class="srh_news" />
				</label>
				<button class="srh_btn fl">搜索</button>
			</div>
		</div>
	</div>

		<a href="#">
			<div class="detail_top_ad"></div>
		</a>
		<!-- 详情页导航开始 -->
		<div class="detail_nav">
			<div class="w">
				<div class="detail_nav_left fl">
					<a href="#">首页</a>>
					<a href="#">江诗丹顿</a>>
					<a href="#">江诗丹顿传承系列 自动机械男表</a>
				</div>
				<div class="detail_nav_right fr">
					<span class="ziying">自营</span>
					<span>
						<a href="#">江诗丹顿</a>
					</span>
					<span style="padding: 0px 8px; color: #ccc;">|</span>
					<span>+</span>
					<span>关注</span>
				</div>
			</div>
		</div>
		<!-- 详情页导航结束 -->
		<!-- 详情页main开始 -->
		<div class="detail_main">
			<!-- 商品细节开始 -->
			<div class="product">
				<div class="product_left fl">
					<div class="product_left_top">
						<img src="img/detail07.jpg" class="bigImg" />
						<div class="mask"></div>
						<div class="big">
							<img src="img/detail07.jpg" class="large_img" />
						</div>
					</div>
					<div class="product_left_center">
						<a href="javascript:;" class="product_prex fl"></a>
						<div class="product_nr fl">
							<ul>
								<li>
									<div>
										<img src="img/detail07.jpg" onclick="changePic(1)" />
									</div>
								</li>
								<li>
									<div>
										<img src="img/detail02.jpg" onclick="changePic(2)" />
									</div>
								</li>
								<li>
									<div>
										<img src="img/detail03.jpg" onclick="changePic(3)" />
									</div>
								</li>
								<li>
									<div>
										<img src="img/detail04.jpg" onclick="changePic(4)" />
									</div>
								</li>
								<li>
									<div>
										<img src="img/detail05.jpg" onclick="changePic(5)" />
									</div>
								</li>
							</ul>
						</div>
						<a href="javascript:;" class="product_next fr"></a>
					</div>
					<div class="product_left_ft">
						<span>收藏</span>
						<span style="border-left: 1px solid #ccc;padding-left: 7px;">分享</span>
					</div>
				</div>
				<div class="product_right fr">
					<h2>江诗丹顿-传承系列男表 210.30.42.20.03.001 自动机械男表</h2>
					<span class="zx">咨询优惠</span>
					<div class="product_message">
						<span style="width: 260px; float: left;">型号： 210.30.42.20.03.001</span>
						<span style="width: 150px; float: left;">编号： 74318</span>
						<span style="width: 150px; float: left;">品牌： 江诗丹顿</span>
						<span class="fr">销量： 353</span>
					</div>
					<div class="product_seckill">
						<div class="product_seckill_left fl">
							<img src="image/seckill-clock.png" />
							<span>限时秒杀</span>
						</div>
						<div class="product_seckill_right fr">
							<span>距结束还剩</span>
							<span class="hour tm">1</span>
							<span>:</span>
							<span class="minute tm">2</span>
							<span>:</span>
							<span class="second tm">3</span>
						</div>
					</div>
					<div class="product_price">
						<div class="price_bd">
							<div class="price_bd_left fl">市场价</div>
							<div class="price_bd_right fl">
								<span>¥</span>
								<span style="font-size: 24px;">51800</span>
								<span class="price_seckill">秒杀价¥<em>44270</em></span>
							</div>
						</div>
					</div>
					<div class="give">
						<div class="give_left">配送</div>
						<div class="give_right">
							<em>（顺丰包邮）</em>预计7-10个工作日内发货
						</div>
					</div>
					<div class="promise">
						<div class="promise_left fl">承诺</div>
						<div class="promise_right fl">
							<ul>
								<li class="fl">
									<i></i>
									<span>正品保障</span>
								</li>
								<li class="fl">
									<i></i>
									<span>正规发票</span>
								</li>
								<li class="fl">
									<i></i>
									<span>假一赔三</span>
								</li>
								<li class="fl">
									<i></i>
									<span>全球联保</span>
								</li>
							</ul>
						</div>
					</div>
					<div class="number">
						<div class="number_left fl">数量</div>
						<div class="number_right fl">
							
							<div class="number_button fl">
								<button class="number_btn fl">-</button>
								<input class="number_text fl" type="text" value="1" />
								<button class="number_btn fl">+</button>
							</div>
							<div class="number_tips fl">
								<span>!</span> 该秒杀商品每个用户限购一件
							</div>
						</div>
					</div>
					<div class="an">
						<button class="fl" id="addToCartBtn">加入购物车</button>
					</div>
				</div>
			</div>
			<!-- 商品细节结束 -->
			<!-- 福利广告开始 -->
			<div class="welfare_ad">
				<img src="img/welfare_ad.png" />
			</div>
			<!-- 福利广告结束 -->
			<!-- 具体信息开始 -->
			<div class="specific">
				<div class="specific_left fl">
					<!-- 店铺开始 -->
					<div class="shop">
						<div class="shop_title">欧米茄OMEGA</div>
						<div class="shop_content">
							<div class="shop_content_logo">
								<a href="#">
									<img src="img/shop_logo.jpg" />
								</a>
							</div>
							<div class="shop_content_product">
								<div>
									<span class="fl product_a">全部商品</span>
									<span class="fr product_b">1225</span>
								</div>
								<div>
									<span class="fl product_a">累计销量</span>
									<span class="fr product_b">36070</span>
								</div>
								<div>
									<span class="fl product_a">关注数</span>
									<span class="fr product_b">33121</span>
								</div>
							</div>
							<div class="shop_content_name">
								<span class="icon_store fl"></span>
								<span style="margin-right: 40px;">
									<a href="#">进店逛逛</a>
								</span>
								<span class="icon_circle"></span>
								<span>
									<a href="#">联系客服</a>
								</span>
							</div>
						</div>
					</div>
					<!-- 店铺结束 -->
					<!-- 大家推荐开始-->
					<div class="recommend">
						<p class="recommend_title">大家还看了这些</p>
						<div class="recommend_bd">
							<ul>
								<li>
									<a href="#">
										<img src="img/recommend_img1.jpg" />
										<p>
											<span class="price_lf">¥27360</span>
											<span class="price_rg">¥2280</span>
										</p>
										<p>泰格豪雅(TAG HEUER)-卡莱拉CARRERA系列 CV2A1V.BA0738 机械男表</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img src="img/recommend_img1.jpg" />
										<p>
											<span class="price_lf">¥27360</span>
											<span class="price_rg">¥2280</span>
										</p>
										<p>泰格豪雅(TAG HEUER)-卡莱拉CARRERA系列 CV2A1V.BA0738 机械男表</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img src="img/recommend_img1.jpg" />
										<p>
											<span class="price_lf">¥27360</span>
											<span class="price_rg">¥2280</span>
										</p>
										<p>泰格豪雅(TAG HEUER)-卡莱拉CARRERA系列 CV2A1V.BA0738 机械男表</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img src="img/recommend_img1.jpg" />
										<p>
											<span class="price_lf">¥27360</span>
											<span class="price_rg">¥2280</span>
										</p>
										<p>泰格豪雅(TAG HEUER)-卡莱拉CARRERA系列 CV2A1V.BA0738 机械男表</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img src="img/recommend_img1.jpg" />
										<p>
											<span class="price_lf">¥27360</span>
											<span class="price_rg">¥2280</span>
										</p>
										<p>泰格豪雅(TAG HEUER)-卡莱拉CARRERA系列 CV2A1V.BA0738 机械男表</p>
									</a>
								</li>
								<li>
									<a href="#">
										<img src="img/recommend_img1.jpg" />
										<p>
											<span class="price_lf">¥27360</span>
											<span class="price_rg">¥2280</span>
										</p>
										<p>泰格豪雅(TAG HEUER)-卡莱拉CARRERA系列 CV2A1V.BA0738 机械男表</p>
									</a>
								</li>
							</ul>
						</div>
					</div>
					<!-- 大家推荐结束 -->
				</div>
				<div class="specific_right fr">
					<div class="specific_right_title">
						<ul>
							<li class="on">商品详情</li>
							<li>规格参数</li>
							<li>售后服务</li>
							<li>商品问答</li>
						</ul>
					</div>
					<div class="specific_right_content">
						<!-- 商品详情开始 -->
						<div class="tab_content" style="display: none;">
							<!-- 提示 -->
							<div class="prompt">
								<div class="prompt_title">温馨提示</div>
								<div class="prompt_bd">商品展示区划线价或市场价为品牌建议零售价，并非原价；万表价为商品实时售价，欢迎比较购买！</div>
							</div>
							<!-- 保证 -->
							<img src="img/shop_specific1.jpg" />
							<img src="img/shop_specific2.jpg" />
							<img src="img/shop_specific3.jpg" />
							<img src="img/shop_specific4.jpg" />
							<img src="img/shop_specific5.jpg" />
							<img src="img/shop_specific6.jpg" />
						</div>
						<!-- 商品详情结束 -->
						<!-- 规格参数开始 -->
						<div class="tab_content" style="display: none;">
							<!-- 参数 -->
							<div class="parameter">
								<!-- 提示 -->
								<div class="prompt">
									<div class="prompt_title">温馨提示</div>
									<div class="prompt_bd">商品展示区划线价或市场价为品牌建议零售价，并非原价；万表价为商品实时售价，欢迎比较购买！</div>
								</div>
								<div>
									<div class="parameter_title">蓝色 精钢－规格参数</div>
									<div class="parameter_content clearfix">
										<div class="parameter_left fl">腕表机芯</div>
										<div class="parameter_right fl">
											<div>
												<span class="parameter_name">机芯类型</span>
												<span>机械、自动机械</span>
											</div>
											<div>
												<span class="parameter_name">机芯型号</span>
												<span>欧米茄8800</span>
											</div>
										</div>
									</div>
									<div class="parameter_content clearfix">
										<div class="parameter_left fl">腕表外壳</div>
										<div class="parameter_right fl">
											<div>
												<span class="parameter_name">外壳材质</span>
												<span>精钢</span>
											</div>
										</div>
									</div>
									<div class="parameter_content clearfix">
										<div class="parameter_left fl">腕表表盘</div>
										<div class="parameter_right fl">
											<div>
												<span class="parameter_name">表盘宽度</span>
												<span>42mm</span>
											</div>
											<div>
												<span class="parameter_name">表耳</span>
												<span>20mm</span>
											</div>
											<div>
												<span class="parameter_name">镜面材质</span>
												<span>蓝宝石水晶</span>
											</div>
											<div>
												<span class="parameter_name">表盘直径</span>
												<span>大盘40mm-45mm</span>
											</div>
											<div>
												<span class="parameter_name">表壳底盖</span>
												<span>透底</span>
											</div>
											<div>
												<span class="parameter_name">表盘形状</span>
												<span>圆形</span>
											</div>
											<div>
												<span class="parameter_name">表盘刻度</span>
												<span>其它</span>
											</div>
											<div>
												<span class="parameter_name">表盘颜色</span>
												<span>蓝色</span>
											</div>
										</div>
									</div>
									<div class="parameter_content clearfix">
										<div class="parameter_left fl">腕表表带</div>
										<div class="parameter_right fl">
											<div>
												<span class="parameter_name">表带材质</span>
												<span>精钢</span>
											</div>
											<div>
												<span class="parameter_name">表带颜色</span>
												<span>银色</span>
											</div>
										</div>
									</div>
									<div class="parameter_content clearfix">
										<div class="parameter_left fl">腕表表扣</div>
										<div class="parameter_right fl">
											<div>
												<span class="parameter_name">表扣类型</span>
												<span>折叠扣</span>
											</div>
										</div>
									</div>
									<div class="parameter_content clearfix">
										<div class="parameter_left fl">腕表其他</div>
										<div class="parameter_right fl">
											<div>
												<span class="parameter_name">适用人群</span>
												<span>男表</span>
											</div>
											<div>
												<span class="parameter_name">包装</span>
												<span>精美包装盒、说明书、保修卡等</span>
											</div>
											<div>
												<span class="parameter_name">特殊功能</span>
												<span>防磁、潜水表、天文台认证、日期显示</span>
											</div>
											<div>
												<span class="parameter_name">防水</span>
												<span>300米</span>
											</div>
											<div>
												<span class="parameter_name">佩戴场合</span>
												<span>运动</span>
											</div>
											<div>
												<span class="parameter_name">联保</span>
												<span>全球联保，五年保修</span>
											</div>
											<div>
												<span class="parameter_name">价格区间</span>
												<span>10,000~50,000</span>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 规格参数结束 -->
						<!-- 售后服务开始 -->
						<div class="tab_content">
							<!-- 提示 -->
							<div class="prompt">
								<div class="prompt_title">温馨提示</div>
								<div class="prompt_bd">
									1.商品展示区划线价或市场价为品牌建议零售价，并非原价；万表价为商品实时售价，欢迎比较购买！<br />
									2.万表商城销售的手表都是正品手表，享受品牌官方保修；亦由万表名匠提供全国售后诚信服务！
								</div>
							</div>
							<div class="service">
								<img src="img/service1.png" />
								<img src="img/service2.jpg" />
							</div>
						</div>
						<!-- 售后服务结束 -->
						<!-- 商品问答开始 -->
						<div class="tab_content">
							<!-- 答案 -->
							<div class="answers">
								<div class="answers_title">
									<h3>商品问答</h3>
								</div>
								<div class="answers_bd">
									<div class="answers_top">
										<span>心中疑惑就问问买过此商品的同学吧~</span>
										<a href="javascript:;" class="questions_btn">我要提问</a>
									</div>
									<div class="answers_list">
										<?php foreach($data as $k=>$v){?>
										<div class="answers_item">
											<div class="ask">
												<i class="icon_ask fl">问</i>
												<div class="icon_bd">
													<p style="font-weight: 700;"><?php echo $v['content']?></p>
													<span><?php echo date('Y-m-d',$v['created_at'])?></span>
												</div>
											</div>
											<div class="answer">
												<i class="icon_answer">答</i>
												<div class="icon_bd">
													<p>暂无回答</p>
													<span></span>
												</div>
											</div>
										</div>
										<?php }?>
										<div class="pageNum">
											<?php echo $pageNumString ?>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- 商品问答结束 -->
					</div>
				</div>
			</div>
			<!-- 具体信息结束 -->
		</div>
		<!-- 详情页main结束 -->
		<!-- 我要提问开始 -->
		<div class="questions">
			<div class="questions_title">
				<span>提问</span>
			</div>
			<div class="questions_body">
				<form action="questions.php" method="post">
					<p>您的问题将推送给已购用户，TA们会帮您解答</p>
					<div class="questions_top">
						<textarea cols="30" rows="10" placeholder="请输入您的问题吧~" name="content"></textarea>
					</div>
					<div class="questions_bottom">
						<input type="submit" class="release" value="发布" />
						<a class="cancel">取消</a>
					</div>
				</form>
			</div>
			<a href="javascript:void(0);" class="questions_close"></a>
		</div>
		<!-- 我要提问结束 -->

		<!-- 底部部分开始 -->
		<div class="footer">
			<!-- 底部上面部分开始 -->
			<div class="footer_top">
				<div class="w">
					<a href="#">
						<span class="footer_top_1"></span>
						正品保障
					</a>
					<a href="#">
						<span class="footer_top_2"></span>
						免息分期
					</a>
					<a href="#">
						<span class="footer_top_3"></span>
						全球联保
					</a>
					<a href="#">
						<span class="footer_top_4"></span>
						假一赔三
					</a>
					<a href="#">
						<span class="footer_top_5"></span>
						终身售后
					</a>
				</div>
			</div>
			<!-- 底部上面部分结束 -->

			<!-- 底部中间部分开始 -->
			<div class="footer_center w">
				<!-- 底部中间左边部分开始 -->
				<div class="footer_center_l">
					<h5>客服电话</h5>
					<h2>400-883-2688</h2>
					<span>外呼电话&nbsp;020-83931899</span>
					<a href="#">售后维修</a>
				</div>
				<!-- 底部中间左边部分结束 -->
				<div class="footer_center_r">
					<dl>
						<dt>新手指南</dt>
						<dd>
							<a href="#">注册新会员</a>
							<a href="#">购物流程</a>
							<a href="#">手表小知识</a>
							<a href="#">退换货流程</a>
						</dd>
					</dl>
					<dl>
						<dt>支付</dt>
						<dd>
							<a href="#">支付方式</a>
							<a href="#">分期付款</a>
							<a href="#">发票说明</a>
							<a href="#">支付问题</a>
						</dd>
					</dl>
					<dl>
						<dt>配送</dt>
						<dd>
							<a href="#">包裹签收</a>
							<a href="#">配送方式</a>
							<a href="#">配送说明</a>
							<a href="#">自提流程</a>
						</dd>
					</dl>
					<dl>
						<dt>手表保障</dt>
						<dd>
							<a href="#">正品保障</a>
							<a href="#">售后服务</a>
							<a href="#">价格保护</a>
							<a href="#">七天退换说明</a>
						</dd>
					</dl>
				</div>
			</div>
			<!-- 底部中间部分结束 -->
			<!-- 底部下间部分开始 -->
			<div class="footer_bottom">
				<div class="w">
					<div class="footer_bottom_t">
						<a href="#">新款手表</a>
						<a href="#">手表图片</a>
						<a href="#">高价回收</a>
						<a href="#">手表资讯</a>
						<a href="#">网站联盟</a>
						<a href="#">手表排行榜</a>
						<a href="#">手表问答</a>
						<a href="#">手表专题</a>
						<a href="#">手表常识</a>
						<span class="footer_gd">></span>
						<p class="footer_list">
							<a href="#">伯爵手表</a>
							<a href="#">江诗丹顿手表</a>
							<a href="#">百达翡丽手表</a>
							<a href="#">宝珀手表</a>
							<a href="#">爱宝时手表</a>
							<a href="#">浪琴手表</a>
							<a href="#">豪利时手表</a>
							<a href="#">东方星手表</a>
							<a href="#">卡地亚手表</a>
						</p>
					</div>
					<div class="footer_bottom_b">
						<p>&copy;万表网名表商城 版权所有 2009-2021 </p>
						<p>广州市万表科技股份有限公司 地址:广州市番禺区番禺大道北16号</p>
						<p>Copyright 2009-2021 WWW.WBIAO.CN.LTD ALL RIGHT RESERVED.</p>
					</div>
				</div>
			</div>
			<!-- 底部下间部分结束 -->
		</div>
	</body>
</html>
